<template>
    <div id="Main">
        <div class="left_main">
            <Nav></Nav>
        </div>

        <div class="right_main">
            <router-view></router-view>
        </div>
    </div>
</template>

<script>
import Nav from "@/components/Nav.vue"

export default {
    name: "App",
    components: {
        Nav,
    },
}
</script>

<style scoped lang="scss">
// @import "@/assets/styles/index.scss";
#Main {
    width: 100%;
    height: 100vh;
    display: flex;
    .left_main {
        // background-color: $primary-color;
        height: 100%;
        width: 200px;
    }
    .right_main {
        height: 100%;
        flex: 1;
        padding: 10px;
    }
}
</style>
